<!DOCTYPE html>
<html lang="ZH-CN">
<head>
	<meta charset="utf-8">
	<title>手机详情</title>
	<meta name="description" content="品优购-专业的综合网上购物商城，销售家电、数码通讯、电脑、家居百货、食品等数万个品牌优质商品。便捷、诚
	信的服务，为您提供愉悦的网上购物环境！">
	<meta name="keywords" content="网上购物、网上商城、手机">
	<!-- 引入favicon.ico网页图标 -->
	<link rel="short icon" type="image/x-icon" href="favicon.ico">
	<!-- 引入初始化css文件 -->
	<link rel="stylesheet"  href="css/base.css">
	<!-- 引入公共样式的css文件 -->
	<link rel="stylesheet"  href="css/common.css">
	<link rel="stylesheet" href="css/detial.css">
  <style>
    @font-face {
      font-family: 'iconfont';
      src: url('iconfont.eot');
      src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
    }
    .iconfont {
      font-family: "iconfont" !important;
      font-size: 16px;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
  </style>
</head>
<body>
	  	<div class="shortcut">
  		<div class="w">
  			<div class="fl">
  				<ul>
  					<li>品优购欢迎您！  </li>
  					<li> 
  						<a href="#">请登录</a> 
  						<a href="register.html" class="style-red">免费注册</a> 
  					</li>
  				</ul>
  			</div>
  			<div class="fr">
  				<ul>
  					<li><a href="#">我的订单</a></li>
  					<li class="spacer"></li>
  					<li>
  						<a href="#">我的品优购</a>
  						<i class="iconfont">&#xe69d;</i>
  					</li>
  					<li class="spacer"></li>
  					<li><a href="#">品优购会员</a></li>
  					<li class="spacer"></li>
  					<li><a href="#">企业采购</a></li>
  					<li class="spacer"></li>
  					<li>
  						<a href="#">关注品优购</a>
  						<i class="iconfont">&#xe69d;</i>
  					</li>
  					<li class="spacer"></li>
  					<li>
  						<a href="#">客户服务</a>
  						<i class="iconfont">&#xe69d;</i>
  					</li>
  					<li class="spacer"></li>
  					<li>
  						<a href="#">网站导航</a>
  						<i class="iconfont">&#xe69d;</i>
  					</li> 
  				</ul>
  			</div>
  		</div>
  	</div>
  	<!-- header制作 -->
  	<div class="header w">
  		<div class="logo">
  			<h1>
  				<a href="index.html" title="品优购">品优购</a>
  			</h1>
  		</div>
  		<div class="search">
  			<input type="text" name="" class="text" placeholder="请输入">
  			<button class="btn">搜索</button>
  		</div>
  		 	<!-- hotwords -->
  		<div class="hotwords w" >
  			<a href="#" class="style-red">优惠购首发</a>
  			<a href="#">亿元优惠</a>
  			<a href="#">9.9元团购</a>
  			<a href="#">美满99减30</a>
  			<a href="#">办公用品</a>
  			<a href="#">电脑</a>
  			<a href="#">通信</a>
  		</div>
  		<div class="shopcar">
  			我的购物车 <i class="arrow">&#xe6a6;</i>
  			<i class="count">8</i>
  		</div>
  	</div>
 	<!-- nav -->
 	<div class="nav">
 		<div class="w">
 			<div class="dropdown fl">
 				<div class="dt">全部商品分类</div>
 				<div class="dd" style="display: none">
 					<ul>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item">
 							<a href="#">手机</a>
 							<a href="#">数码</a>
 							<a href="#">通信</a>
 							<i>&#xe6a6;</i>
 						</li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 					</ul>
 				</div>
 			</div>
 			<div class="navitems fl">
 				<ul>
 					<li><a href="#">服装城</a></li>
 					<li><a href="#">美妆馆</a></li>
 					<li><a href="#">传智超市</a></li>
 					<li><a href="#">全球购</a></li>
 					<li><a href="#">闪购</a></li>
 					<li><a href="#">团购</a></li>
 					<li><a href="#">拍卖</a></li>
 					<li><a href="#">有趣</a></li>
 				</ul>
 			</div>
 		</div>
 	</div>
 	<!-- 详情页内容部分 -->
 	<div class="de_container w">
 		<!-- 面包屑导航 -->
 		<div class="crumb_wrap">
 			<a href="#">手机、数码、通讯</a> 
 			 〉  <a href="#">手机</a>   
 			 〉  <a href="#">Apple苹果</a>   
 			 〉  <a href="#">iphone 6S Plus系类</a> 
 		</div>
 		<!-- 详情页 -->
 		<div class="product_intro clearfix">
 			<div class="preview_wrap fl">
 				<div class="preview_img">
 					<img src="upload/pre_1.png">
 				</div>
 				<div class="preview_list">
 					<a href="#" class="arrow_prev"></a>
 					<a href="#" class="arrow_next"></a>
 					<ul class="list_item">
 						<li><img src="upload/pre_2.png"></li>
 						<li class="current"><img src="upload/pre_2.png"></li>
 						<li><img src="upload/pre_2.png"></li>
 						<li><img src="upload/pre_2.png"></li>
 						<li><img src="upload/pre_2.png"></li>
 					</ul>
 				</div>
 				<div class="pre_text">
 					<ul>
 						<li>商品编号：0468256644</li>
 						<li><img src="img/pre_5.png"><a href="#">分享</a></li>
 						<li><img src="img/pre_6.png"><a href="#">关注 5000</a></li>
 						<li><i></i><a href="#">对比</a></li>
 					</ul>
 				</div>
 				<a href="#"></a>
 			</div>
 			<div class="iteminfo_wrap fr">
 				<div class="sku_name">Apple iPhone 6s（A1700）64G玫瑰金色 移动通信电信4G手机</div>
 				<div class="news">推荐选择下方[移动优惠购],手机套餐齐搞定,不用换号,每月还有花费返</div>
 				<div class="summary">
 					<dl class="summary_price">
 							<dt>价格</dt>
 							<dd><i class="price">￥5299.00</i> 
 							<a href="#">降价通知</a>
 							<div class="remark">累计评价612188</div>
 							</dd>
 					</dl>
 					<dl class="summary_promotion">
 							<dt>促销</dt>
 							<dd>
 								<em>加购价</em>
 								满999.00另加20.00元，或满1999.00另加30.00元，或满2999.00另加40.00元，即可在购物车换
								购热销商品  详情 》
 							</dd>
 					</dl>
 					<dl class="summary_spport">
 							<dt>支持</dt>
 							<dd>
 								以旧换新，闲置手机回收  4G套餐超值抢  礼品购
 							</dd>
 					</dl>
 					<dl class="choose_color">
 							<dt>选择颜色</dt>
 							<dd>
 								<a href="javascript:;" class="current">玫瑰金</a>
 								<a href="javascript:;">玫瑰金</a>
 								<a href="javascript:;">玫瑰金</a>
 								<a href="javascript:;">玫瑰金</a>
 							</dd>
 					</dl>
 					<dl class="choose_version">
 							<dt>选择版本</dt>
 							<dd>
 								<a href="javascript:;" class="current">公开版</a>
 								<a href="javascript:;">移动4G</a>
 							</dd>
 					</dl>
 					<div class="choose_btns">
 						<div class="choose_amount">
 							<input type="text" name="" value="1">
 							<a href="javascript:;" class="add">+</a>
 							<a href="javascript:;" class="reduce">-</a>
 						</div>
 						<a href="#" class="addcar">加入购物车</a>
 					</div>
 				</div>
 			</div>
 		</div>
    <!-- 产品细节模块 -->
    <div class="product_detail clearfix">
      <div class="aside fl">
        <div class="tab_list">
          <ul>
            <li class="frist_tab current">相关分类</li>
            <li class="second_tab">推荐品牌</li>
          </ul>
        </div>
        <div class="tab_con">
          <ul>
            <li>
              <img src="upload/aside.png">
              <a href="#" class="as_addcar">加入购物车</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="detail fr">
        <div class="detail_tab_list">
          <ul>
            <li class="current">商品介绍</li>
            <li>商品介绍</li>
            <li>商品介绍</li>
            <li>商品介绍</li>
            <li>商品介绍</li>
            <li>商品介绍</li>
          </ul>
        </div>
        <div class="detail_tab_con">
          <div class="item">
            <ul class="item_info">
              <li>分辨率：1920*1080(FHD)</li>
              <li>分辨率：1920*1080(FHD)</li>
              <li>分辨率：1920*1080(FHD)</li>
              <li>分辨率：1920*1080(FHD)</li>
              <li>分辨率：1920*1080(FHD)</li>
              <li>分辨率：1920*1080(FHD)</li>
              <li>分辨率：1920*1080(FHD)</li>
              <li>分辨率：1920*1080(FHD)</li>
              <li>分辨率：1920*1080(FHD)</li>
              <li>分辨率：1920*1080(FHD)</li>
              <li>分辨率：1920*1080(FHD)</li>
            </ul>
            <p>
              <a href="#" class="more">查看更多 <span class="iconfont">&#xe69d;</span></a>
            </p>
            <p>
              <img src="upload/abc.png">
            </p>
          </div>
        </div>
      </div>
    </div>
 	</div>
 	</div>
 		<!-- footer -->
 	<div class="footer">
 		<div class="w">
 			<div class="mod_service">
 				<ul>
 					<li>
 						<i class="mod_service_zhen"></i>
 						<div class="mod_service_tit">
 							<h5>正品保障</h5>
 							<p>正品保障，提供发票</p>
 						</div>
 					</li>
 					<li>
 						<i class="mod_service_kuai"></i>
 						<div class="mod_service_tit">
 							<h5>正品保障</h5>
 							<p>正品保障，提供发票</p>
 						</div>
 					</li>
 					<li>
 						<i class="mod_service_zhen"></i>
 						<div class="mod_service_tit">
 							<h5>正品保障</h5>
 							<p>正品保障，提供发票</p>
 						</div>
 					</li>
 					<li>
 						<i class="mod_service_zhen"></i>
 						<div class="mod_service_tit">
 							<h5>正品保障</h5>
 							<p>正品保障，提供发票</p>
 						</div>
 					</li>
 					<li>
 						<i class="mod_service_zhen"></i>
 						<div class="mod_service_tit">
 							<h5>正品保障</h5>
 							<p>正品保障，提供发票</p>
 						</div>
 					</li>
 				</ul>
 			</div>
 			<div class="mod_help">
 				<dl class="mod_help_item">
 					<dt>购物指南</dt>
 					<dd><a href="#">购物流程</a></dd>
 					<dd><a href="#">会员介绍</a></dd>
 					<dd><a href="#">生活住行</a></dd>
 					<dd><a href="#">常见问题</a></dd>
 					<dd><a href="#">大家电</a></dd>
 					<dd><a href="#">联系客服</a></dd>
 				</dl>
 				<dl class="mod_help_item">
 					<dt>购物指南</dt>
 					<dd><a href="#">购物流程</a></dd>
 					<dd><a href="#">会员介绍</a></dd>
 					<dd><a href="#">生活住行</a></dd>
 					<dd><a href="#">常见问题</a></dd>
 					<dd><a href="#">大家电</a></dd>
 					<dd><a href="#">联系客服</a></dd>
 				</dl>
 				<dl class="mod_help_item">
 					<dt>购物指南</dt>
 					<dd><a href="#">购物流程</a></dd>
 					<dd><a href="#">会员介绍</a></dd>
 					<dd><a href="#">生活住行</a></dd>
 					<dd><a href="#">常见问题</a></dd>
 					<dd><a href="#">大家电</a></dd>
 					<dd><a href="#">联系客服</a></dd>
 				</dl>
 				<dl class="mod_help_item">
 					<dt>购物指南</dt>
 					<dd><a href="#">购物流程</a></dd>
 					<dd><a href="#">会员介绍</a></dd>
 					<dd><a href="#">生活住行</a></dd>
 					<dd><a href="#">常见问题</a></dd>
 					<dd><a href="#">大家电</a></dd>
 					<dd><a href="#">联系客服</a></dd>
 				</dl>
 				<dl class="mod_help_item">
 					<dt>购物指南</dt>
 					<dd><a href="#">购物流程</a></dd>
 					<dd><a href="#">会员介绍</a></dd>
 					<dd><a href="#">生活住行</a></dd>
 					<dd><a href="#">常见问题</a></dd>
 					<dd><a href="#">大家电</a></dd>
 					<dd><a href="#">联系客服</a></dd>
 				</dl>
 				<dl class="mod_help_item">
 					<dt>购物指南</dt>
 					<dd><a href="#">购物流程</a></dd>
 					<dd><a href="#">会员介绍</a></dd>
 					<dd><a href="#">生活住行</a></dd>
 					<dd><a href="#">常见问题</a></dd>
 					<dd><a href="#">大家电</a></dd>
 					<dd><a href="#">联系客服</a></dd>
 				</dl>
 			</div>
 			<div class="mod_copyright">
 				<p class="mod_copyright_links">
 					关于我们  |  联系我们  |  联系客服  |  商家入驻  |  营销中心  |  手机品优购  |  友情链接  |  销售联盟  |  品优购社区  |  品优购公益  |  English Site  |  Contact U
 				</p>
 				<p class="mod_copyright_info">
 					地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br>
                    京ICP备08001421号京公网安备110108007702
 				</p>
 			</div>
 		</div>
 	</div>
</body>
</html>